import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/Login' //登录页面
import Register from '@/components/Register' //注册页面
import HomePage from '@/components/HomePage' //首页
import ResetPassword from '@/components/ResetPassword' //找回密码

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login,
      meta:{
        keepalive:true  //是否对页面进行缓存
      }
    },
    {
      path: '/register',
      name: 'Register',
      component: Register,
      meta:{
        keepalive:true //是否对页面进行缓存
      }
    },   
    {
      path: '/homepage',
      name: 'HomePage',
      component: HomePage,
      meta:{
        keepalive:false  //是否对页面进行缓存
      }
    },
    {
      path: '/resetPassword',
      name: 'ResetPassword',
      component: ResetPassword,
      meta:{
        keepalive:false  //是否对页面进行缓存
      }
    },
  ],
   // history —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。
  mode: "history"
})
